<template>
    <div :class="classPrefix && `${classPrefix}-wrapper`" class="layout-wrapper">
        <div :class="classPrefix &&`${classPrefix}-content`" class="content">
            <slot/>
        </div>
        <Nav/>
    </div>
</template>
<script lang="ts">
    export default {
        props:['classPrefix'],
        name: 'Layout'
    };
</script>
<style lang="scss" scoped>
    .layout-wrapper {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
      background: rgb(213,227,236);
    }
    .content {
        flex-grow: 1;
        overflow: auto;
    }
    svg{
        color: #2c3e50;
    }
</style>